* { margin:0; padding:0;}
body { background:#fff url(../images/bg.jpg); font-family:Arial; font-size:100%; line-height:1em; color:#000; text-align:center;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.container { width:100%;}

p { margin-bottom:18px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
/*==================menu=====================*/
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_four */

/*==================menu=====================*/
#menu {
	width:219px;
	height:auto !important;
	background:url(../images/ski2.jpg);
	margin:0 0 5px;
	position:static;
	float: left;
}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:center; background:url(../trans.gif); padding:0 10px 0 0px;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul {position:absolute; left:-9999px;}
#menu ul.level1 {
	position:static;
	left:0;
	top:10px;
	width: 219px;
	margin-top:10px
}

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#fff; line-height:36px; text-decoration:none; padding:0 20px 0 0; background:url(../images/tab-right-new.png) no-repeat right top; margin-bottom:1px;}
#menu a b {display:block; line-height:36px; padding:0 0 0 10px; background:url(../images/tab-left-new.png) no-repeat left top; font-weight:normal;}

#menu ul li:hover > ul {visibility:visible; left:38%; margin-left:-10px; margin-top:-49px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a.fly {background: url(../images/tab-left-new.png) no-repeat right top;}
#menu li a:hover {background-position:right bottom; color:#800; white-space:nowrap;} 
#menu li a:hover b {background-position:left bottom;} 
#menu li:hover > a {
	background-position:right bottom;
	color:#000000;
}
#menu li:hover > a > b {background-position:left bottom;}

#menu a:hover ul li a b,
#menu a:hover ul a:hover ul li a b,
#menu a:hover ul a:hover ul a:hover ul li a b {background:url(../images/tab-left-new.png) no-repeat left top;}
#menu a:hover ul li a:hover b,
#menu a:hover ul a:hover ul li a:hover b,
#menu a:hover ul a:hover ul a:hover ul li a:hover b {background-position:left bottom;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-46px; margin-left:-10px;}

#menu div.logginAdmin {
        position:static;
        left:0;
        top:170px;
        width: 219px;
		height: 158px
}

#menu div.loggin {
        position:static;
        width: 219px;
}

#menu div.loggin table{
        margin:0;
        position:static;
        width: 218px;  
}
.titulos{
	margin:11px 11px 20px; 
	text-align:left;
	font-size:140%; 
	width:500px;
	float:right
}
form {
    padding:0;
    margin:0;
    display:inline;
}
fieldset {
	
    font-size:100%;
    font-family:arial;
    margin-top:1px;
    border:#a28244 solid 2px;
    padding:12px;
    background:#d5c672;
}

legend {
    font-weight:bold;
    font-size:12px;
    font-family:arial;
    color:#000;
    background-color:transparent;
}

#menu div.leytransparencia{
	position:static;
	width: 219px;
	margin: 5px 0 5px;
}



/*==================other====================*/
.img_indent { margin:0 20px 0 0; float:left;}
.img_box { padding:0 0 13px 0;}
.img_box img { float:left; margin:0 15px 0 0;}

.p1 { margin-bottom:2px;}
.p2 { margin-bottom:14px;}
.p3 { margin-bottom:9px;}
.p4 { margin-bottom:11px;}

/*==================txt, links, lines, titles====================*/
a {color:#000;}
a:hover{text-decoration:none;cursor:pointer;}

h3 {font-size:11px; font-family:arial; color:#000; font-weight:bold; padding:10px; background:#c59747;}
h3.marker1 {background:url(images/marker1.gif) no-repeat 15px 5px #af5050; padding-left:46px;}
h3.marker2 {background:url(images/marker2.gif) no-repeat 13px 12px #fff5d6; padding-left:46px; color:#000; padding:15px 0 11px 46px;}
h3.marker3 {background:url(images/marker3.gif) no-repeat 13px 5px #4d2b30; padding-left:46px;}
h3.marker4 {background:url(images/marker4.gif) no-repeat 13px 5px #7f3367;}
h3.marker5 {background:url(images/marker5.gif) no-repeat 15px 8px #af5050; padding-left:46px;}
h3.marker6 {background:url(images/marker6.gif) no-repeat 15px 5px #fcdfc5; color:#31162a;}
h4 { font-size:1.1em; margin-bottom:5px;}
h5 { color:#d43320; font-size:1em; margin-bottom:7px;}
h5 a {color:#d43320;}

.txt1 { font-size:1.1em;}

.link1 { display:block; float:right; background:url(images/link1_bgd.gif) left top repeat-x; color:#000; text-decoration:none;}
.link1 b { display:block; background:url(images/link1_left.gif) no-repeat left top; padding:3px 11px 4px 33px; border-right:1px solid #77c356;}
.link1:hover { text-decoration:underline;}
.link2 { background:url(images/arrow1.gif) no-repeat left 5px; padding-left:10px; color:#d43320; font-size:1.1em; display:block; margin-bottom:9px; font-weight:bold;}

.line_hor { background:url(images/line1.gif) left bottom repeat-x; padding-bottom:31px; margin-bottom:35px;}
.line_hor1 { background:url(images/line1.gif) left bottom repeat-x; padding-bottom:25px; margin-bottom:26px;}

.title { margin-bottom:13px;}


/*==================blocks====================*/
.block {background:#fff; margin:12px -14px 18px -16px; position:relative; padding:10px 10px 18px 17px;}
.block .ind { padding:0 0 0 0;}

.box1 { border:1px solid #ecc1df;}
.box1 .inner { padding:1px 1px 29px 1px;}
.box1 .inner1 { padding:20px 13px 0 15px;}

.box2 { border:1px solid #f1d5b7; background:#f9ede0;}
.box2 .inner { padding:1px 1px 26px 1px;}
.box2 .inner1 { padding:14px 13px 0 15px;}

.box3 { border:0px solid #c59747; background:#edda60;}
.box3 .inner { padding:0px 0px 25px 0px;}
.box3 .inner1 { padding:4px 13px 0 15px;}

.box4 { border:1px solid #baacae;}
.box4 .inner { padding:1px 1px 29px 1px;}
.box4 .inner1 { padding:20px 18px 0 15px;}

.box5 { border:1px solid #ecc1df; background:#fee2f5;}
.box5 .inner { padding:1px 1px 25px 1px;}
.box5 .inner1 { padding:17px 18px 0 15px;}

.box6 { border:1px solid #ecc1df; background:#fff5d6;}
.box6 .inner { padding:1px 1px 25px 1px;}
.box6 .inner1 { padding:17px 18px 0 15px;}


/*header*/
#header div { position:absolute; margin-left:-30px;}

/*content*/
#content { width:100%; padding-bottom:2px;}
#content .indent { padding:16px 0 0 0;}

/*footer*/
#footer {
        font-family:arial;
        text-align:center;
        background: url(../images/imag_inferior1.png);
}
#footer p {
        color:#000000;
        font-size:11px;
}
#footer p a {color:#f9dcf0;}
/*==========================================*/



/*CSS de tablas y demases */

#tablaCausas {
        border:#a28244 solid 2px;
        width: 500px;
        padding: 0;
        margin: auto;
        font: normal 11px  Arial;
        background-color: #d5c672;
		margin-bottom:20px;
}

#tablaCausas th {
        font: bold 11px Arial;
        color: #000000;
        border-right: 1px solid #a28244;
        border-bottom: 1px solid #a28244;
        border-top: 1px solid #a28244;
        border-left: 1px solid #a28244;
        letter-spacing: 0px;
        /*text-transform: uppercase;*/
        padding: 1px 1px 1px 3px;
        background: #ba954e;
}

#tablaCausas a {
        color: #9D0004;
        text-decoration: underline;
        font-weight: bold;
}

#tablaCausas td {
        /*border: 1px solid #a28244;*/
        color:#000;
}


#tablaCausas tr.cebra {
        background-color: #e3d37a;
}

#tablaCausastd alt {
        background: #F5FAFA;
        color: #797268;
}
#tablaCausas tfoot {
        text-align:center;
		height:40px;
		border:none;
}
#tablaCausas tfoot tr{
		background:transparent;
}
#tablaCausas tfoot td{
		border:none;
		border-top:2px solid #a28244;
		background:transparent;
}

/*============Estilos de las pestañas de administración módulo Seguimiento de Causas====================*/
div#tabs{
	float:right;
	width:521px;
	height:100 px;
	margin-top:0px; 
	font-size:11px;
	
}	
/* DIV that holds each tab*/
div.my_tab{
	width:520px;
	margin:0px auto;
	
	
		
}
	
/* Tab Bar, created via JS*/
div#tab-bar{
	padding:0px 0px 0px 10px;
	margin:0px;
	height:50px;
	border-bottom:solid 1px #d5c672;
}
	
/* Single Tab */
div#tab-bar div.mt-tab{
	float:right;
	display:inline;
	position:relative;
	text-align:center;
	margin:14px 5px -3px 0px;
	cursor:pointer;
	border:solid 1px #d5c672;
	font:normal 11px;
	font-family:arial;
	height:20px;
	color:#414141;
	padding:10px 10px 5px 10px;
	-moz-border-radius: 1em 1em 0em 0em;

	-webkit-border-radius: 1em 1em 0em 0em;
	border-radius: 1em 1em 0em 0em;
	
			
}
	
/* Single Tab, when active */
div#tab-bar div.mt-tab-active{
	float:right;
	display:inline;
	text-align:center;
	margin:12px 5px -5px 0px;
	cursor:pointer;
	border:solid 1px #d5c672;
	height:21px;
	color:white;
	font-weight:bold;
	padding:10px 10px 5px 10px;
	background:#d5c672;
	
		
}
/*==========Estilo del Autocomplete Módulo Causas=========*/
#hint
{
	background:#d5c672;
	cursor:pointer;
	display:inline;
	text-align:center;
}
#hint li {
 display: block;
}
#hint li:hover {
font-weight:bold;
background: #a28244;
}

.msj_error{
	color:#f61515;
	font-weight:bold;
}
.msj_success {
	color:#3c8728;
	font-weight:bold;
}

h6{
    font-weight:bold;
    font-size:12px;
    font-family:arial;
    color: #000;
    background-color:transparent;
	margin-bottom:5px;
}
#tablaEstado {
        border:#a28244 solid 2px;
        width: 100%;
        padding: 0;
        margin: auto;
        font: normal 11px  Arial;
        background-color: #d5c672;
		margin-bottom:20px;
}

#tablaEstado th {
        font: bold 11px Arial;
        color: #000000;
        border-right: 1px solid #a28244;
        border-bottom: 1px solid #a28244;
        border-top: 1px solid #a28244;
        border-left: 1px solid #a28244;
        letter-spacing: 0px;
        padding: 1px 1px 1px 3px;
        background: #ba954e;
}

#tablaEstado a {
        color: #9D0004;
        text-decoration: underline;
        font-weight: bold;
}

#tablaEstado td {
        /*border: 1px solid #a28244;*/
        color:#000;
}
